<!DOCTYPE html>
<table class="table table-hover" ng-show="null != currentDeck">
    <thead>
        <tr>
            <td>名称</td>
            <td>费用</td>
            <td>攻击</td>
            <td>防御</td>
            <td>描述</td>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="card in currentDeck.cards | orderBy:'+cost'">
            <td>{{card.name}}</td>
            <td>{{card.cost}}</td>
            <td>{{card.attack}}</td>
            <td>{{card.life}}</td>
            <td>{{card.description}}</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="4">卡牌总数</td>
            <td>{{currentDeck.cards.length}}</td>
        </tr>
    </tfoot>
</table>